@(username: String)

@main("Table",username){

	<script type="text/javascript" charset="utf-8" src="@routes.Application.socketJs(username)"></script>

	<div class="col-md-6">
		<!--Players info-->
		<div>
			<table class="table table-striped" id="plaTab">
				<tr><th>Name</th><th>Chips</th><th>Pot Contribution</th><th>Status</th></tr>
			</table>
		</div>
		
		<!--Messages-->
		<div class="inner-right btn-default" id="console" style="height: 200px; max-height: 200px; font-size: 11px">
		</div>
		
		<!--Input filed-->
		<div>
	     	<input type="text" class="form-control" id="command" name="command" placeholder="Command">
		</div>	
	</div>
	
	<div class="col-md-6">
		<!--Table info-->
		<div class="btn-info col-md-12" style="padding: 5px 0px 5px 20px">
      		<label class="col-md-6">Betting round:</label>		<label class="col-md-6" id="betRou">0</label></br>
      		<label class="col-md-6"">Current bet:</label>		<label class="col-md-6" id="curBet">0</label></br> 
      		<label class="col-md-6">Pot size:</label>			<label class="col-md-6" id="potSiz">0</label></br>
      		<label class="col-md-6">Small blind:</label>		<label class="col-md-6" id="smaBli">0</label></br>
      		<label class="col-md-6">Big blind:</label>			<label class="col-md-6" id="bigBli">0</label></br>
      		<label class="col-md-6">Number of players:</label>	<label class="col-md-6" id="numOfP">0</label></br>
      		<label class="col-md-6">Dealer:</label>				<label class="col-md-6" id="dealer">None</label></br>
      		<label class="col-md-6">Player in action:</label>	<label class="col-md-6" id="plaInA">None</label></br>
		</div>
		
		<!--Player cards-->
		<div class="btn-success col-md-12" style="padding: 5px 0px 5px 20px">
			<label class="col-md-6">Your cards:</label>	
			<div class="col-md-6">
				<label id="card0">XX</label>
				<label id="card1">XX</label>
				<label id="card2">XX</label>
				<label id="card3">XX</label>
			</div>
		</div>
	</div>
}